.BlogEditor {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: rgb(245, 245, 245);

    .BlogEditorChange {
        width: 100%;
        height: 10%;
        background-color: rgb(255, 255, 255);
    }

    .editor-body {
        width: 80%;
        margin-top: 0%;
    }

    .ai-function {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin-top: 1%;

        .ai-function-button {
            display: flex;
            /* flex-direction: column-reverse; */
            justify-content: space-between;
            margin-bottom: 1%;

            div {
                .el-button {
                    width: 100px;
                }
            }
        }
    }

    .ai-summary {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin-top: 1%;

        .el-button {
            width: 100px;
        }

        .el-textarea {
            width: 100%;
            margin-top: 1%;
        }
    }

    .select-directory {
        display: flex;
        align-items: center;
        width: 80%;
        height: 3em;
        margin-top: 1%;
        background-color: white;
    }

    .select-tag {
        display: flex;
        align-items: center;
        width: 80%;
        height: 3em;
        margin-top: 1%;
        background-color: white;
    }

    .operation-button {
        margin-top: 1%;
    }
}


// 关于el-image的样式配置
.demo-image__error .block {
    /* padding: 30px 0; */
    /* text-align: center; */
    /* border-right: solid 1px var(--el-border-color); */
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: top;
}

.demo-image__error .demonstration {
    display: block;
    color: var(--el-text-color-secondary);
    font-size: 14px;
    margin-bottom: 20px;
}

.demo-image__error .el-image {
    padding: 0 5px;
    max-width: 300px;
    max-height: 200px;
    width: 100%;
    height: 200px;
}

.demo-image__error .image-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--el-fill-color-light);
    color: var(--el-text-color-secondary);
    font-size: 30px;
}

.demo-image__error .image-slot .el-icon {
    font-size: 30px;
}